<!--个人中心-->


<div class="page user-page no-navbar" data-page="user-page">
    <div class="page-content hide-navbar-on-scroll">
        <div class="list-block">
            <ul>
                <li class="avatar">
                    <a href="./user/user-info.html">
                        <img src="{{avatar}}">
                    </a>

                </li>
                <li class="username">
                    <a href="./user/user-info.html">
                        <span>{{@global.username}}</span>
                    </a>
                </li>
                <li class="divider-line"></li>
                <li class="row" style="margin-top: 10px">
                    <a href="./user/credit.html" class="col-50 item-center">
                        <span class="title">余额</span><br>
                        <span class="number">￥{{balance}}</span>
                    </a>
                    <a href="#" class="col-50 item-center">
                        <span class="title">积分</span><br>
                        <span class="number">{{credit}}</span>
                    </a>
                </li>
                <li class="li-divider-15"></li>
                <li>
                    <a href="./order/order.html" class="item-link">
                        <div class="item-content" style="padding-left: 0">
                            <div class="item-inner" style="padding-left: 10px">
                                <div class="item-title user-info-item-title">全部订单</div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="user-order-status-li">
                    <div class="tabbar tabbar-labels">
                        <div class="user-order-status row">
                            <a href="./order/order.html?page=1" class="tab col-33">
                                <i class="icon f7-icons color-theme">images_fill
                                    {{#js_if "this.pay>0"}}
                                    <span class="badge bg-red">{{pay}}</span>
                                    {{/js_if}}
                                </i>
                                <span class="tabbar-label">待付款</span></a>
                            <a class="divider-hor"></a>
                            <a href="./order/order.html?page=2" class="tab col-30">
                                <i class="icon f7-icons color-theme">images_fill
                                    {{#js_if "this.consume>0"}}
                                    <span class="badge bg-red">{{consume}}</span>
                                    {{/js_if}}
                                </i>
                                <span class="tabbar-label">待消费</span></a>
                            <a class="divider-hor"></a>
                            <a href="./order/order.html?page=3" class="tab col-33">
                                <i class="icon f7-icons color-theme">images_fill
                                    {{#js_if "this.completed>0"}}
                                    <span class="badge bg-red">{{completed}}</span>
                                    {{/js_if}}
                                </i>
                                <span class="tabbar-label">已完成</span></a>
                        </div>
                    </div>
                </li>
                <li class="li-divider-15"></li>
                <li>
                    <a href="#" class="item-link">
                        <div class="item-content" style="padding-left: 0">
                            <div class="item-inner" style="padding-left: 10px;background: transparent;">
                                <div class="item-title user-info-item-title">设置</div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="user-order-status-li">
                    <div class="tabbar tabbar-labels">
                        <div class="user-order-status row">
                            <a href="#" class="tab col-33">
                                <i class="icon f7-icons color-theme">phone_fill</i>
                                <span class="tabbar-label">联系方式</span></a>
                            <a class="divider-hor"></a>
                            <div class="col-66"></div>
                        </div>
                    </div>
                </li>
                <li class="li-divider-15"></li>
                <li class="row">
                    <a class="button logout-btn">退出登录</a>
                </li>
                <li class="li-divider-15"></li>
            </ul>
        </div>
    </div>
</div>